import styles from "./home.module.css";
import Image from "next/image";

export default function Home(){
  return (
     <div className={styles.container}>
       <div className={styles.textContainer}>
        <h1>Welcome to Next.js!</h1>
        <p>This is a starter template for building a React application using Next.js.</p>
        <div className={styles.buttonContainer}>
          <button className={styles.button}>Learn More</button>
          <button className={styles.button}>contact us</button>
        </div>
        <div className={styles.brandsContainer}>
          <Image className={styles.brand} src="brands.png" alt="brand" fill/>
        </div>
       </div>
       
       <div className={styles.imageContainer}>
        <Image src="hero.png" alt="hero" className={styles.heroImage}></Image>
       </div>
    </div>
  )
}